
console.log('检测到配置加载路径:', __dirname);

const lessPlugin = require("craco-less");
const path = require('path');
module.exports = {
  plugins: [
    {
      plugin: lessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            // antdv 主题之类的配置
            modifyVars: {
              '@primary-color': '#1890ff',
            },
            javascriptEnabled: true
          }
        }
      }
    }
  ],
  // 如果没安装，可以删除
  babel: {
    plugins: [
      ["@babel/plugin-proposal-decorators", { legacy: true }],
    ],
  },
  webpack: {
    use:['@svgr/webpack'],
    alias: {
      '@': path.resolve(__dirname, 'src')
    },
    // configure: (webpackConfig) => {
    //     webpackConfig.module.rules.push({
    //     test: /\.svg$/,
    //     use: [
    //       {
    //         loader: require.resolve('babel-loader'),
    //         options: {
    //           plugins: [
    //             require.resolve('babel-plugin-react-svg') // 确保已安装此插件 npm install babel-plugin-react-svg --save-dev
    //           ]
    //         }
    //       },
    //       {
    //         loader: require.resolve('svg-react-loader'), // 确保已安装此loader npm install svg-react-loader --save-dev
    //         options: {} // 根据需要配置选项
    //       }
    //     ],
    //     issuer: { test: /\.(js|ts)x?$/ } // 只对JS/TS文件中的SVG引用应用此规则
    //   });
    //   return webpackConfig;
    // },
  }
};